<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="about-hoster">
                    <img src="{{asset('assets/images/logo/logo.png')}}" alt="{{$basic->sitename}}">
                    <p>{{__($basic->short_about)}}</p>
                    <div class="social">
                        @foreach($social as $data)
                            <a href="{!! $data->link !!}" target="_blank">
                                {!! $data->code !!}
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 offset-xl-1 offset-lg-1 col-md-6 offset-md-0">
                <div class="usefull-link">
                    <h3>@lang('Useful Links')</h3>
                    <ul>
                        <li><a href="{{url('/')}}">@lang('Home')</a></li>
                        <li><a href="{{route('about')}}">@lang('About Us')</a></li>
                        <li><a href="{{route('blog')}}">@lang('Blog')</a></li>
                        <li><a href="{{route('faqs')}}">@lang('FAQS')</a></li>
                        <li><a href="{{route('contact')}}">@lang('Contact')</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-xl-3 col-lg-3 col-md-6">
                <div class="contact-hoster">
                    <h3>@lang('Contact Us')</h3>
                    <ul>
                        <li>{{$basic->address}}</li>
                        <li>{{$basic->email}}</li>
                        <li>{{$basic->phone}}</li>
                    </ul>
                </div>
            </div>

            <div class="col-xl-6 col-lg-6">
                <div class="copyright">
                    <p>{{__($basic->sitename)}} © {{date('Y')}}. @lang('All Rights Reserved.') </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer end -->




<script src=" {{ asset('assets/front/js/jquery-3.3.1.min.js') }} "></script>
<!-- bootstrap -->
<script src=" {{ asset('assets/front/js/bootstrap.min.js') }} "></script>


<script src=" {{ asset('assets/front/js/jquery-migrate-3.0.1.js') }} "></script>
<!-- owl carousel -->
<script src=" {{ asset('assets/front/js/owl.carousel.js') }} "></script>
<!-- magnific popup -->
<script src=" {{ asset('assets/front/js/jquery.magnific-popup.js') }} "></script>
<!-- way poin js-->
<script src=" {{ asset('assets/front/js/waypoints.min.js') }} "></script>
<!-- slick js -->
<script src=" {{ asset('assets/front/js/slick.min.js') }} "></script>
<!-- progress js -->
<script src=" {{ asset('assets/front/js/jquery-asPieProgress.min.js') }} "></script>
<script src=" {{ asset('assets/admin/js/toastr.min.js') }} "></script>


<script src="{{ asset('assets/admin/js/sweetalert.js') }}"></script>
<!-- wow js-->
<script src=" {{ asset('assets/front/js/wow.min.js') }} "></script>
<!-- main -->
<script src=" {{ asset('assets/front/js/main.js') }} "></script>